<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link href="style.css" rel="stylesheet" type="text/css">
  <script src="js/jquery.min.js"></script>
  <script src="js/goodEditor.js"></script>
  <title>编辑器</title>
</head>

<body>
  编辑器  
  <hr>
<div class='editor'>
<div id='tool-bar' class='tool-bar'>

        
</div>
<div class='clear'></div>
<iframe name='frame1' class='frame' id='frame1' frameborder="0" width='896px' height='600px'  src="editor.html"></iframe>
<textarea style='display:none' class='editor_textarea' hidefocus='true' name='editor_textarea' id='editor_textarea'>
dull
</textarea>
<div id='color' unselectable='on'>
    <div class='color-div' unselectable='on'>取消</div>
    <div class='color-div' unselectable='on' style='background:#000000'>#000000</div>
    <div class='color-div' unselectable='on' style='background:#ff0000'>#ff0000</div>
    <div class='color-div' unselectable='on' style='background:#0000ff'>#0000ff</div>
    <div class='color-div' unselectable='on' style='background:#00ff00'>#00ff00</div>
    <div class='color-div' unselectable='on' style='background:#ffffff'>#ffffff</div>
</div>

<div id='pic' class='pic' unselectable='on'>
<p><label for='picurl' >图片url:</label><input type="text" id='picurl' ></input></p>
<p style='text-align:center;'>
<input id='insertImage' type='button' value="确定" />
<input id='cancelImage' type='button' value="取消" />
</p>
</div>

<div id='shadow' class='shadow'>


</div> 
</div>
</body>
<script>
$(function(){
    GE=new goodEditor('frame1')
});
</script>
</html>
